<template>
  <div>
    <el-card>
      <el-row :gutter="100">
        <el-col :span="6">
          <div class="left">
            <div class="left-a">
              <div>总提现金额：<span class="red">XXXX元</span></div>
              <div>用户提现金额：<span class="red">XXXX元</span></div>
              <div>店铺提现金额：<span class="red">XXXX元</span></div>
            </div>
            <div class="right-a">
              <div>
                <a href="">提现管理</a>
              </div>
              <div>
                <a href="">平台支出明细</a>
              </div>
            </div>
          </div>

        </el-col>
        <el-col :span="6">
          <div class="right">
            <div class="left-a">
              <div>平台总收益：<span class="red">XXXX元</span></div>
              <div>店铺订单收益：<span class="red">XXXX元</span></div>
              <div>素材收益：<span class="red">XXXX元</span></div>
              <div>素材抽佣收益：<span class="red">XXXX元</span></div>
              <div>店铺权益收益：<span class="red">XXXX元</span></div>
            </div>
            <div class="right-a">
              <div>
                <a href="">平台收入明细</a>
              </div>
            </div>
          </div>
        </el-col>
      </el-row>
      <el-row :gutter="100">
        <el-col :span="6">
          <div class="left">
            <div class="left-a">
              <div>总提现金额：<span class="red">XXXX元</span></div>
              <div>用户提现金额：<span class="red">XXXX元</span></div>
              <div>店铺提现金额：<span class="red">XXXX元</span></div>
            </div>
            <div class="right-a">
              <div>
                <a href="">提现管理</a>
              </div>
              <div>
                <a href="">平台支出明细</a>
              </div>
            </div>
          </div>

        </el-col>
        <el-col :span="6">
          <div class="right">
            <div class="left-a">
              <div>平台总收益：<span class="red">XXXX元</span></div>
              <div>店铺订单收益：<span class="red">XXXX元</span></div>
              <div>素材收益：<span class="red">XXXX元</span></div>
              <div>素材抽佣收益：<span class="red">XXXX元</span></div>
              <div>店铺权益收益：<span class="red">XXXX元</span></div>
            </div>
            <div class="right-a">
              <div>
                <a href="">平台收入明细</a>
              </div>
            </div>
          </div>
        </el-col>
      </el-row>
    </el-card>
  </div>
</template>

<script>
export default {
  data () {
    return {

    }
  },
  created () {

  },
  mounted () {

  },
  methods: {

  }
}
</script>

<style scoped lang="less">
.left,
.right {
  border: 1px solid #d3d3d3;
  height: 200px;
  margin-bottom: 20px;
  .left-a {
    float: left;
    div {
      height: 65px;
      line-height: 65px;
      padding-left: 20px;
    }
  }
  .right-a {
    float: right;
    padding: 50px 20px;
    div {
      height: 50px;
      line-height: 50px;
    }
  }
}
.right {
  .left-a {
    float: left;
    div {
      height: 38px;
      line-height: 38px;
      padding-left: 20px;
    }
  }
  .right-a {
    float: right;
    padding: 50px 20px;
    div {
      height: 100px;
      line-height: 100px;
    }
  }
}
</style>
